<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <link rel="stylesheet" href="../reset.css">-->
    <link rel="stylesheet" href="css/student.css">
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="../roomjs/student.js"></script>

</head>
<body>
<table border="1" cellspacing="0" width="700px ">
    <thead>
    <tr><td>学生姓名</td><td>性别</td><td>班级</td><td>所在房间</td><td>联系电话</td><td>操作</td></tr>
    </thead>
    <tbody id="data">

    </tbody>
</table>
<div id="cutDiv">

</div>
<div id="underDiv">
    <div id="registerDiv"><input type="button" value="学生入住" onclick="add()"></div>
    <div id="queryDiv">
        <h6>查询学生信息</h6>
        学生姓名:<input type="text" id="nameTxt"><br>
        班级:<input type="text" id="classTxt" style="margin-left: 32px"><br>
        所在房间:<input type="text" id="roomTxt"><br>
        <input type="button" value="查找" onclick="findAll(1)">
    </div>
</div>

<div id="addDiv" >
    <div>
        <h5>添加学生</h5>
    </div>
    <div>
        <span>姓名</span><input type="text" id="addName" style="width: 70px"><br>
        性别<input type="radio" name="sex" value="男" checked="checked" onchange="findBySex()">男
            <input type="radio" name="sex" value="女" onchange="findBySex()">女<br>
        房间<select id="roomSelect" onchange="chooseRoom()"></select><br>
        班级<select id="classSelect" onchange="chooseClass()"></select><br>
        <input type="button" value="添加" onclick="addStu()">

    </div>
    <div>
        <img src=" " id="faceImg" width="100" height="120"><br>
        <input type="file" value="选择头像" id="fileTxt" onchange="changeFace()"><br>
        联系电话<input type="text" id="addPhone"><br>
        <input type="button" value="取消" onclick="back()">
    </div>
</div>

<div id="infoDiv" >
    <div>
        <h5>学生信息一览</h5>
    </div>
    <div>
        姓名<span id="nameSpan"></span><br>
        性别<span id="sexSpan"></span><br>
        班级<span id="classSpan"></span><br>
        房间<span id="roomSpan"></span><br>
        入住时间<span id="dateSpan"></span><br>
        联系电话<span id="phoneSpan"></span><br>
        <input type="button" value="确定" onclick="back()">
    </div>
    <div>
        <img src="" id="facInfoImg" width="150" height="150">
    </div>

</div>

<div id="changeDiv" >
    <div>
        <h5>学生换房</h5>
    </div>
    <div>
        <input type="hidden" id="id">
        姓名<span id="changeName"></span><br>
        性别<span id="changeSex"></span><br>
        班级<span id="changeClass"></span><br>
        原房间<span id="changeRoom"></span><br>
        新房间<select id="changeRooms"></select><br>
        <input type="button" value="确定" onclick="changeRooms()">
    </div>
    <div>
        <img src="" id="facChangeImg" width="150" height="150"><br>
        <input type="button" value="取消" onclick="back()">
    </div>

</div>
</body>
</html>